.app-signature {
  display: flex;
  flex-direction: column;
  .signature-image {
    width: 100%;
  }
}
.app-signature-modal {
  .modal-wrapper {
    ion-content {
      .signature-canvas-box {
        @include flex(center,center);

        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 10px;
        .signature-canvas {
          width: 100%;
          height: 100%;
          border: 1px solid var(--ion-color-primary);
        }
      }
    }
  }
}
